Вход

Просмотр полной версии : Удаление обьекта в JavaScript. Как удалить обьект 'h4' и 'a' если они существуют?

Maksim_Otvete
05.02.2023, 16:05
:help:
var id_name_var
id_name_var = "Name"

function Search_user() {
var search = document.getElementById("search-user-input").value;
var h4 = document.createElement('label')
if (id_name_var == "Name") {
h4.innerText = "Найдено по запросу " + search + ":"
} else {
h4.innerText = "Найдено по ID " + search + ":"
}
h4.className = "h4"
document.body.append(h4)
var a = document.createElement('a')
a.className = "a";
a.innerHTML = '<a href="" style="color: rgb(87, 59, 7); text-decoration: none"><div class="contact-data"><img src="" alt="" class="img-cont"><label class="contact-name">' + search + '</label><br><label class="message-text-cont">Вы искали его(-ё)?</label></div></a>'
document.body.append(a);
}

function id_name() {
var id_name_val = document.getElementById("id-name")
var input = document.getElementById("search-user-input")
if (id_name_val.value == "Поиск по ID") {
id_name_val.value = "Поиск по Имени"
input.placeholder = "ID пользователя"
id_name_var = "ID"
input.value = ""
} else {
id_name_val.value = "Поиск по ID"
input.placeholder = "Имя пользователя"
id_name_var = "Name"
input.value = ""
}
}
рони
05.02.2023, 16:10
Maksim_Otvete,
:-?
voraa
05.02.2023, 16:12
h4?.remove();
a?.remove();
Maksim_Otvete
05.02.2023, 21:21
:stop:

<!DOCTYPE html>
{% load static %}
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{% static "css/Search.css" %}" />
<title>Поиск пользователя</title>
</head>
<body bgcolor="orange">
<div id="div-title">
<img id="img-icon" src="">
<a href="{% url 'main' %}"><button id="btn-icon">Finter</button></a>
<a href="{% url 'search_user' %}"><button class="btn-title">Найти</button></a><!--
--><a href="{% url 'frends' %}"><button class="btn-title">Друзья</button></a>
<a href="{% url 'sign_in' %}"><button class="btn-title" id="btn-ent">Войти</button></a>
<a href="{% url 'registration' %}"><button id='btn-reg'>Регистрация</button></a>
</div>

<div id="content">
<div id="search-user">
<input type="search" id="search-user-input" placeholder="Имя пользователя" maxlength="45" required><!--
--><button onclick="Search_user()" id="search-user-button">></button>
<input type="button" onclick="id_name()" id="id-name" value="Поиск по ID">
</div>
<hr id="search-user-hr">
</div>
</body>
</html>

<script src="{% static "JS/JS Finter.js" %}">
alert('Подключение к JavaScript прервано!');
</script>
voraa
05.02.2023, 21:38
<a href="{% url 'main' %}"><button id="btn-icon">Finter</button></a>

В элементы <a> нельзя вставлять интерактивные элементы (a, button, input, select и т.п) Как при клике браузер поймет, на чем кликнули, на ссылке или на кнопке?
Maksim_Otvete
06.02.2023, 14:19
Можно потому, что button входит в территорию a. У меня работает.:)